<template>
  <div class="box">详情</div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
import { useStore } from "vuex";
import { useRouter, useRoute } from "vue-router";
export default {
  name: "",
  setup() {
    const router = useRouter();
    const route = useRoute();
    const store = useStore();
    const data = reactive({
      info: JSON.parse(route.query.obj),
      list:[]
    });
    store.dispatch("detail", data.info).then((res) => {
      console.log(res);
      data.list=res.data.list
    });
    return {
      ...toRefs(data),
    };
  },
};
</script>

<style scoped lang='scss'>
.box{
    background: red;
    margin: 0 0 0 30%;
}
</style>